.card {
    padding: 0 20px;
    margin-bottom: 20px;
    box-shadow: var(--t-modal-shadow);
    background: var(--box-background);
    border-radius: var(--border-radius);

    .card-title {
        padding: 30px 0 10px;

        h3 {
            display: inline-block;
            padding-right: 20px;
            font-size: 20px;
            line-height: 20px;
            font-weight: 400;
            color: var(--t-text-color);
        }

        span {
            display: inline-block;
            font-size: 14px;
            margin: 0 20px 0 0;
            color: var(--t-text-color);
            font-weight: 300;
            cursor: pointer;

            &:global(.active) {
                position: relative;
                z-index: 1;
                font-weight: 400;

                &:after {
                    position: absolute;
                    content: "";
                    left: 0;
                    bottom: 1px;
                    width: 100%;
                    height: 4px;
                    background: var(--t-primary-color);
                    z-index: -1;
                }
            }
        }
    }

    .card-body {
        font-size: 0;
    }
}